<extend file="template/web/parent.html"/>
<block name="content">
    <!--slider 轮播图-->
    <div id="main_slider">
        <div class="camera_wrap" id="camera_wrap_1" >
            <slide>
                <div data-src="{{$field['slide_thumb']}}"></div>
            </slide>
        </div><!-- #camera_wrap_1 -->
        <div class="clear"></div>
    </div>
    <!--Welcome-->
    <div class="wrap block">
        <div class="container welcome_block">
            <div class="welcome_line welcome_t"></div>
            北京戏校京表2002班<span> 毕 业 10 周 年 聚 会 </span>
            <div class="welcome_line welcome_b"></div>
        </div>
    </div>
    <!--//Welcome-->

    <!--featured works -->
    <div class="wrap block carousel_block">
        <div class="container">
            <h2 class="upper">师生相册</h2>
            <div class="row">
                <div class="span12">
                    <ul id="mycarousel" class="jcarousel-skin-tango">
                        <album>
                            <li>
                                <div class="hover_img">
                                    <a href="{{$field['album_thumb']}}" rel="prettyPhoto[portfolio1]"><img
                                            src="{{$field['album_thumb']}}" alt=""/><span
                                            class="portfolio_zoom1"></span></a>
                                </div>
                            </li>
                        </album>
                        <!--<li>
                            <div class="hover_img">
                                <a href="../../{{__ROOT__}}/template/web/img/featured_works/01.png" rel="prettyPhoto[portfolio1]"><img
                                        src="../../{{__ROOT__}}/template/web/img/featured_works/01.png" alt=""/><span
                                        class="portfolio_zoom1"></span></a>
                            </div>
                        </li>
                        <li>
                            <div class="hover_img">
                                <a href="../../{{__ROOT__}}/template/web/img/featured_works/03.png" rel="prettyPhoto[portfolio1]"><img
                                        src="../../{{__ROOT__}}/template/web/img/featured_works/03.png" alt=""/><span
                                        class="portfolio_zoom1"></span></a>
                            </div>
                        </li>
                        <li>
                            <div class="hover_img">
                                <a href="../../{{__ROOT__}}/template/web/img/featured_works/04.png" rel="prettyPhoto[portfolio1]"><img
                                        src="../../{{__ROOT__}}/template/web/img/featured_works/04.png" alt=""/><span
                                        class="portfolio_zoom1"></span></a>
                            </div>
                        </li>
                        <li>
                            <div class="hover_img">
                                <a href="../../{{__ROOT__}}/template/web/img/featured_works/05.png" rel="prettyPhoto[portfolio1]"><img
                                        src="../../{{__ROOT__}}/template/web/img/featured_works/05.png" alt=""/><span
                                        class="portfolio_zoom1"></span></a>
                            </div>
                        </li>
                        <li>
                            <div class="hover_img">
                                <a href="../../{{__ROOT__}}/template/web/img/featured_works/06.jpg" rel="prettyPhoto[portfolio1]"><img
                                        src="../../{{__ROOT__}}/template/web/img/featured_works/06.jpg" alt=""/><span
                                        class="portfolio_zoom1"></span></a>
                            </div>
                        </li>-->
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--//featured works-->

    <div class="wrap block">
        <div class="container welcome_block">
            <div class="welcome_line welcome_t"></div>
            <span>这 里 记 了 录 我 们 一 起 成 长 的 岁 月 </span><br>希望大家提供更多文章,一起分享美好的回忆
            <div class="welcome_line welcome_b"></div>
        </div>
    </div>

    <!--latest posts 有图文章-->
    <div class="wrap block carousel_block">
        <div class="container">
            <h2 class="upper">岁月往事</h2>
            <div class="row">
                <div class="span12">
                    <ul id="mycarousel2" class="jcarousel-skin-tango">
                        <arclist thumb="1">
                            <li>
                                <div class="post_carousel" style="text-overflow: ellipsis;overflow: hidden; height:255px">
                                    <a href="{{$field['url']}}"><img src="{{$field['arc_thumb']}}" style="height: 150px" alt=""/></a>
                                    <div class="title_t"><a href="{{$field['url']}}">{{$field['arc_title']}}</a></div>
                                    <div class="post_meta">
                                        {{$field['arc_description']}}
                                    </div >
                                    {{$field['arc_content']}}
                                </div>
                                <a href="#" class="arrow_link">Read more....</a>
                            </li>
                        </arclist>
                        <!--<li>
                            <div class="post_carousel">
                                <img src="../../{{__ROOT__}}/template/web/img/home_blog/2.jpg" alt="" />
                                <div class="title_t"><a href="#">vestibulum egestas tortor</a></div>
                                <div class="post_meta">
                                    Posted by <a href="#">John Doe</a>  /  15 apr  / In <a href="#">Vacation</a>
                                </div>
                                Ut nisl turpis, tristique tincidunt cursus sed, aliquet nec odio. Integer ornare tincidunt neque a ristiquet phasellus mollis tortor. <a href="#" class="arrow_link">Read more...</a>
                            </div>
                        </li>
                        <li>
                            <div class="post_carousel">
                                <img src="../../{{__ROOT__}}/template/web/img/home_blog/3.jpg" alt="" />
                                <div class="title_t"><a href="#">Quisque sodales dolor</a></div>
                                <div class="post_meta">
                                    Posted by <a href="#">John Doe</a>  /  15 apr  / In <a href="#">Vacation</a>
                                </div>
                                Ut nisl turpis, tristique tincidunt cursus sed, aliquet nec odio. Integer ornare tincidunt neque a ristiquet phasellus mollis tortor. <a href="#" class="arrow_link">Read more...</a>
                            </div>
                        </li>
                        <li>
                            <div class="post_carousel">
                                <img src="../../{{__ROOT__}}/template/web/img/home_blog/4.jpg" alt="" />
                                <div class="title_t"><a href="#">ipsum dolor ac egestas mas</a></div>
                                <div class="post_meta">
                                    Posted by <a href="#">John Doe</a>  /  15 apr  / In <a href="#">Vacation</a>
                                </div>
                                Ut nisl turpis, tristique tincidunt cursus sed, aliquet nec odio. Integer ornare tincidunt neque a ristiquet phasellus mollis tortor. <a href="#" class="arrow_link">Read more...</a>
                            </div>
                        </li>
                        <li>
                            <div class="post_carousel">
                                <img src="../../{{__ROOT__}}/template/web/img/home_blog/1.jpg" alt="" />
                                <div class="title_t"><a href="#">Tristique cursus tincidunt</a></div>
                                <div class="post_meta">
                                    Posted by <a href="#">John Doe</a>  /  15 apr  / In <a href="#">Vacation</a>
                                </div>
                                Ut nisl turpis, tristique tincidunt cursus sed, aliquet nec odio. Integer ornare tincidunt neque a ristiquet phasellus mollis tortor. <a href="#" class="arrow_link">Read more...</a>
                            </div>
                        </li>
                        <li>
                            <div class="post_carousel">
                                <img src="../../{{__ROOT__}}/template/web/img/home_blog/2.jpg" alt="" />
                                <div class="title_t"><a href="#">ipsum dolor ac egestas mas</a></div>
                                <div class="post_meta">
                                    Posted by <a href="#">John Doe</a>  /  15 apr  / In <a href="#">Vacation</a>
                                </div>
                                Ut nisl turpis, tristique tincidunt cursus sed, aliquet nec odio. Integer ornare tincidunt neque a ristiquet phasellus mollis tortor. <a href="#" class="arrow_link">Read more...</a>
                            </div>
                        </li>  -->
                    </ul>
                </div>
            </div>
        </div>
    </div>


</block>


